<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8">
<title>阅读付费正态</title>
<@fm.header />
<style type="text/css">
body {
	font: 12px/20px "微软雅黑", "宋体", Arial, sans-serif, Verdana, Tahoma;
	padding: 0;
	margin: 0;
}
.layout-split-proxy-h{
	position:absolute;
	width:2px;
	background:#888;
	font-size:1px;
	cursor:e-resize;
	display:none;
	z-index:5;
}
.layout-split-north{
	border-bottom:5px solid #efefef;
}
.layout-split-south{
	border-top:5px solid #efefef;
}
.layout-split-east{
	border-left:0px solid #efefef;
}
.layout-split-west{
	border-right:0px solid #efefef;
}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a:active {
 text-decoration: none;
}
.cs-north {
	height:40px;
	overflow:hidden;
}
.cs-north-bg {
	width: 100%;
	height: 100%;
	background: url(/resources/js/easyui/themes/bootstrap/images/header_bg.png) repeat-x;
}
.cs-north-logo {
	height: 30px;
	margin: 10px 0px 20px 5px;
	display: inline-block;
	color:#0E2D5F;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
.cs-north-info {
	position: absolute;
	color: #777;
	top: 10px;
	right: 30px;
	display: inline-block;
}
</style>
<script>

</script>
</head>
<body class="cmp-list-body">
	<div id="tb" style="padding:3px">
        <span>月份:</span> 
        <input type="text" class="easyui-textbox" id="month" placeholder="输入月份, 如：2017-12"> </input>
        
        <span>Mark:</span> 
        <input type="text" class="easyui-textbox" id="mark" placeholder="输入mark名称"> </input>
        
        <span>分组:</span> 
        <input type="text" class="easyui-textbox" id="groupName" placeholder="输入完整分组名称"> </input>
        
    	<a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="doSearch();">查询</a> 
    </div>
    
    <div style="text-align:center">
     	<strong>总差值：</strong>
     	<input type="text" id="divTotal" style="border:none"> </input>
    </div>
    	
	<div id="container"></div>
	
	<div>
		<table id="tt" class="easyui-datagrid" title="阅读付费" url="/readerStatistics/listJson"
	 		toolbar="#tb_dg" rownumbers="true" idField="id"
			singleSelect="true" pagination="false" fitColumns="true">  
		    <thead>
		       <tr>
		       	   <th align="center" width="50%" field="hour" formatter="hourFormat">小时</th>
		       	   <th align="center" width="50%" field="totalNum">次数</th>
		       	   <th align="center" width="50%" field="rate">比例</th>
		        </tr>
		    </thead>   
		</table>
	</div>
	
	<script type="text/javascript" src="/resources/js/chart/readerStatisticsHandler.js"></script>
    <script src="/resources/js/lineCharts/highcharts.js"></script>
    <script src="/resources/js/lineCharts/draggable-points.js"></script>
    <script type="text/javascript" src="/resources/js/readerStatistics/readerStatistics.js"></script>
</body>

</html>